<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="wrap" v-text="msg"></div>
</body>
</html>
<script src="vue.js"></script>
<script type="text/javascript">
    var vm = new Vue({
        el: '#wrap',
        aa: '123',//自定义的属性
        show:function () {
          alert('我是自定的属性show')
        },
        data: {
            msg: 'my data',
        },
    })
    //更改实例化的元素的属性值
    vm.$el.style.backgroundColor = 'red';
    //显示实例化中data中的msg的值
    console.log(vm.$data.msg);
    //vm.$optiots获取自定义的属性值
//    vm.$options.show();
    console.log(vm.$options.aa);
    // 查看现在数据的状态
//    console.log(vm.$log());
    // vm.$destroy()完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件监听器。
    //vm.$mount:手动挂载vue程序
    //var vm= new Vue({
    //
    //        data:{
    //            msg:'my data',
    //        },
    //    }).$mount('#wrap')
</script>